<!DOCTYPE html>
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="tcal.css" />
<script type="text/javascript" src="tcal.js"></script> 
<script language="JavaScript" type="text/javascript" src="ajax2.js"></script>
<script language="JavaScript" type="text/javascript" src="includes/script1.js"></script>
<script src="includes/jquery-1.8.3.js"></script>
<script src="includes/js/jquery-ui-notarios.js"></script>

<title>Indice Cronologico de Poderes</title>
<style type="text/css">
<!--
.line {color: #FFFFFF}
.titulosprincipales {	font-family: Calibri;
	font-size: 18px;
	color: #FF9900;
	font-style: italic;
}
div.frmcrono {  background-color: #ffffff;
border: 4px solid #264965;  

-moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
-moz-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
box-shadow: 0px 0px 5px #000000;
width:900px; height:800px;
}
.Estilo7 {font-family: Calibri; font-size: 13px; font-style: italic; }
.Estilo14 {font-family: Calibri; font-size: 12px; color: #333333; font-weight: bold; }
.Estilo12 {font-family: Calibri; font-size: 12px; color: #333333; font-style: italic; }
-->
</style>
<script type="text/javascript">

// IMPRIME NDICE CRONO. SUPERVIVENCIA.
function pdfgmovi(fecini,fecfin,html)
{
	var _fechade = document.getElementById('fechade').value;
	var _fechaa  = document.getElementById('fechaa').value; 
	
	if(_fechade == "" || _fechaa == "")
	{
		alert("Debe seleccionar un rango de Fechas válido");return;	
	}
	
	var data    =  {
					 fechade : _fechade,
					 fechaa  : _fechaa
				   };
    $.post("PDFpincapaz.php",data, function(){
			window.open("PDFpincapaz.php?fecini="+fecini+"&fecfin="+fecfin); 
		});
}

// INDICE CRONO. SUPERVIVENCIA.
function buscaPCapaz()
{ 
	var _fechade = document.getElementById('fechade').value;
	var _fechaa  = document.getElementById('fechaa').value; 
	
	if(_fechade == "" || _fechaa == "")
	{
		alert("Debe seleccionar un rango de Fechas válido");return;	
	}
	
	var data    =  {
					 fechade : _fechade,
					 fechaa  : _fechaa
				   };
    $("#buscaPinCapaz").load('buscaPinCapaz.php',data, function(){});
}

</script>

</head>

<body>
<div class="frmcrono">
  <table width="900" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td height="30" bgcolor="#264965"><table width="900" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="33" height="30"><img src="iconos/newproto.png" alt="" width="26" height="26" /></td>
          <td width="384"><span class="titulosprincipales">Indice Cronológico de Cert. Supervivencia - P.Incapaz</span></td>
          <td width="454" align="left"><table width="454" border="0" align="right" cellpadding="0" cellspacing="0">
            <tr>
              <td width="239" height="30">&nbsp;</td>
              <td width="80">&nbsp;</td>
              <td width="17"><span class="line">|</span></td>
              <td width="118">&nbsp;</td>
            </tr>
          </table></td>
          <td width="29"><img src="iconos/cerrar.png" width="21" height="20" /></td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td height="19">&nbsp;</td>
    </tr>
    <tr>
      <td align="center"><table width="863" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="824" height="18"><form id="frmescri" name="frmescri" method="post" action="">
            <table width="797" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="57"><span class="Estilo7">De Fecha </span></td>
                <td width="178"><span class="Estilo7">
                  <label>
                  <input name="fechade" type="text" class="tcal" id="fechade" maxlength="12" />
                  </label>
                </span></td>
                <td width="47"><span class="Estilo7">a</span></td>
                <td width="44"><span class="Estilo7">Fecha</span></td>
                <td width="179"><label>
                  <input name="fechaa" type="text" class="tcal" id="fechaa" maxlength="12" />
                </label></td>
                <td width="136"><a href="#" onclick="buscaPCapaz()"><img src="iconos/buscarclie.png" width="72" height="29" border="0" /></a></td>
                <td width="123">&nbsp;</td>
                <td width="33"><a href="#" onclick="pdfgmovi(document.getElementById('fechade').value,document.getElementById('fechaa').value);"><img src="iconos/icon_pdf.png" alt="" width="33" height="31" border="0" /></a></td>
              </tr>
            </table>
            </form>          </td>
        </tr>
        <tr>
          <td height="9">---------------------------------------------------------------------------------------------------------------------------------------------</td>
        </tr>
        <tr>
          <td height="22"><table width="834" border="1" cellpadding="0" cellspacing="0" bordercolor="#333333"><!--<td width="70" height="19" bgcolor="#CCCCCC"><span class="Estilo14">Numero</span></td>-->
            <tr>
              <td width="63" height="19" bgcolor="#CCCCCC"><span class="Estilo14">Cronologico</span></td>
              <td width="86" height="19" bgcolor="#CCCCCC"><span class="Estilo14">Fecha</span></td>
              <td width="150" height="19" bgcolor="#CCCCCC"><span class="Estilo14">Nombre</span></td>
              <td width="86" height="19" bgcolor="#CCCCCC"><span class="Estilo14">Dirección</span></td>
              <td width="86" height="19" bgcolor="#CCCCCC"><span class="Estilo14">Tip. Persona</span></td>
            </tr>
          </table></td>
        </tr>
        <tr>
          <td><div id="buscaPinCapaz" style="height:640px; overflow:auto;"></div></td>
        </tr>
      </table></td>
    </tr>
  </table>
</div>
</body>

</html>
